<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<title>{{ titulo_pagina }}</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="sistema, informacion, academica, claro, arawak, notas" /> 
		<meta name="description" content="Bienvenido al Sistema de Información y Gestión Académica." /> 
		<meta name="generator" content="Arawak Claro - Sistema de Información y Gestión Académica" /> 
		<link rel="shortcut icon" href="{{ path }}images/favicon.ico"/>
		<link rel="stylesheet" href="{{ path }}css/estilo.css" type="text/css" media="screen,projection" />
		<link rel="stylesheet" href="{{ path }}css/estilo_imprimir.css" type="text/css" media="print" />
		<script type="text/javascript" src="{{ path }}js/jquery.tools.min.js"></script>
		<script type="text/javascript" src="{{ path }}js/jquery.tablesorter.js"></script>
		<script type="text/javascript" src="{{ path }}js/tiny_mce/tiny_mce.js"></script>
		
		<script type="text/javascript">
			$(document).ready(function()
			{
				$.tools.validator.localize("es", {'[required]':'Este campo es obligatorio'});
			
				$("#login").validator({lang: 'es'});
				
				{% block jquerycript %}
				
				{% endblock %}
			});
			
			{% block javascript %}{% endblock %}
		</script>
		
		  	<script type="text/javascript"><!--
			  var _gaq = _gaq || [];
			  _gaq.push(['_setAccount', 'UA-21831699-3']);
			  _gaq.push(['_setDomainName', '.claro.net.co']);
			  _gaq.push(['_trackPageview']);
			
			  (function() {
			    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			  })();
			//-->
			</script>
	</head>
 
	<body>
		<div id="perfil">
			{% if request.session.grupoUsuarioid %}
					<ul id="nav_perfil">
						<li> <a href="/perfil/">{{ user.get_full_name }}</a> </li>
						{% if user.groups.all %}
						{% else %}
							<li> No tiene permisos habilitados. </li>
						{% endif %}
						{% ifequal request.session.control 0 %}
							<li> | </li>
						 	<li> <a href="/contrasena/">Cambiar contraseña</a>  </li>
						 {% endifequal %}
						 <li> | </li>
						 <li> <a href="/logout/">Cerrar sesión</a> </li>
						{% block notificaciones %}			
						{% endblock %}	
			{% endif %}
		</div>
		<div id="wrapper" class="fixed">
			<div id="header">		
					<div id="titulo">	
						<h1><strong>{{ titulo }}</strong></h1>
					</div>
					<div id="adsense">
						{% if request.session.grupoUsuarioid %}
							<!-- B-SIA -->
							<script type="text/javascript"><!--
								google_ad_client = "ca-pub-9998564962931934";
								google_ad_slot = "1354798256";
								google_ad_width = 468;
								google_ad_height = 60;
								//-->
							</script>
							<script type="text/javascript" 
								src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
							</script>
						{% endif %} 
					</div> 
					 
					<ul id="nav">
						{% block ruta %}{% endblock %}		
					</ul>
			
			</div>
			
			<table cellspacing="0" cellpadding="0">	
				<tr>
					<td style="background: #dcdcdc;" valign="top">									
						<div id="sidebar_left">
							{% if not request.session.grupoUsuarioid %}
								<form id="login" action="/login/" method="post">
									<table>
										<tr>
											<td><strong>Usuario</strong></td>
										</tr>
										<tr>
										    <td><input type="text" name="usuario" id="usuario"/></td>
										</tr>
										<tr>
											<td><strong>Contraseña</strong></td>
										</tr>
										<tr>
										    <td><input type="password" name="contrasena" id="contrasena"/></td>					    
										</tr>
									</table>							
									<p><input type="submit" value="Ingresar"/></p>
									{% if request.session.msg_error %} 
										<br/>
										<div class="msgerror">
											{{ request.session.msg_error }}
										</div>
									{% endif %}
								</form>
							{% else %}								
								<h2>Académico</h2>								
								<ul>
									{% if request.session.grupoUsuarioid == 3 %}
										<!-- <li><a href="/academico/docente/programas/">Programas</a></li> -->
										<li><a href="/academico/docente/horarios/">Horarios</a></li>
										<li><a href="/academico/docente/notas/">Calificaciones</a></li>
									{% endif %}
									{% if request.session.grupoUsuarioid == 4 %}
										{% if not request.session.mora %}
											<li><a href="/academico/estudiante/programas/">Programas</a></li>
											<li><a href="/academico/estudiante/horarios/">Horarios</a></li>
											<li><a href="/academico/estudiante/notas/">Calificaciones</a></li>
											<li><a href="/academico/estudiante/historial/">Historial académico</a></li>
											{% if request.session.inscribir == 1 %}
												<li><a href="/academico/estudiante/inscripcion/">Inscribir materias</a></li>
											{% endif %}
										{% endif %}
									{% endif %}
								</ul>
								{% if request.session.grupoUsuarioid == 4 %}
									<h2>Financiero</h2>	
									<ul>
										{% if not request.session.mora %}
											<li><a href="/financiero/estudiante/pagos/">Pagos</a></li>
											<li><a href="/financiero/estudiante/calendario/">Calendario de pagos</a></li>
										{% endif %}
									</ul>
								{% endif %}
							{% endif %}
						</div>				
					</td>
					<td valign="top">
						{% if request.session.mora %}
							<div class="msgerror">
								De acuerdo con nuestros registros usted presenta una mora de {{ request.session.diasMora }} día(s), por favor acérquese a nuestras oficinas para habilitar su expediente. 
							</div>
						{% endif %}
						{% block contenido %}
													
						{% endblock %}
					</td>
					<td valign="top">
								<div id="sidebar_right">
									<div id="adsense_cuadrado">
										{% if request.session.grupoUsuarioid %}
											<!-- R-SIA --> 
											<script type="text/javascript"><!--
												google_ad_client = "ca-pub-9998564962931934";
												/* Rectángulo mediano Claro */
												google_ad_slot = "3476839449";
												google_ad_width = 300;
												google_ad_height = 250;
												//-->
											</script>
											<script type="text/javascript"
												src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
											</script>
										{% endif %}
										<br/> 
									</div>
								</div>
								
					</td>
				</tr>
			</table>		
			
			<div id="footer">     
				<p style="float:right;">
					<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fsia.claro.net.co%2F" target="_blank" style="text-decoration:none;">
				    	<img style="border:0;height:15px" src="{{ path }}images/valid-xhtml10.jpg" alt="Valid XHTML 1.0 Transitional"/>
					</a>
					<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://validator.w3.org/check?uri=http%3A%2F%2Fsia.claro.net.co%2F" target="_blank" class="a">
						<img style="border:0;height:15px" src="{{ path }}images/vcss.jpg" alt="Valid CSS!"/>
				    </a>
				</p>
				<p><a href="http://www.arawak.com.co/" target="_blank">Arawak</a> Claro - Sistema de Información Académica © 2011.</p>
			</div>
		</div>
		
		{% if debug %}
		<!-- Debug Consults lentas -->
			<div id="debug">
				<h2>Consultas</h2>
				<p>
					{{ sql_queries|length }} Quer{{ sql_queries|pluralize:"y,ies" }}
					{% ifnotequal sql_queries|length 0 %}
						(<span style="cursor: pointer;" onclick="var s=document.getElementById('debugQueryTable').style;s.display=s.display=='none'?'':'none';this.innerHTML=this.innerHTML=='Show'?'Hide':'Show';">Show</span>)
					{% endifnotequal %}
				</p>
				<table id="debugQueryTable" style="display: none;">
					<col width="1"></col>
					<col></col>
					<col width="1"></col>
					<thead>
						<tr>
							<th scope="col">#</th>
							<th scope="col">SQL</th>
							<th scope="col">Tiempo</th>
						</tr>
					</thead>
					<tbody>
						{% for query in sql_queries %}
							<tr class="{% cycle odd,even %}">
								<td>{{ forloop.counter }}</td>
								<td>{{ query.sql|escape }}</td>
								<td>{{ query.time }}</td>
							</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
		{% endif %}
	</body>
</html>